// 渲染菜单
(function () {
    // fetch('http://chst.vip:1234/api/getindexmenu')
    //     .then(response => {
    //         return response.json()
    //     }).then(data => {
    //         let res = data.result
    //         console.log(res);
    //         let ele = ''
    //         res.forEach(item => {
    //             ele += `
    //             <li>
    //                 <a href="#">
    //                     ${item.img}
    //                 </a>
    //                 <p>${item.name}</p>
    //             </li>

    //             `    
    //         });

    //         $('#nav').html(ele)

    //     })
})();

// 给菜单更多添加点击功能
(function () {
    // 页面刷新先隐藏起来
    $('#nav li').eq(7).nextAll('li').slideUp(0)
    $('#nav li').eq(7).on('click', function () {
        // console.log(22);
        $(this).nextAll('li').slideToggle()
    })
})();

// 渲染折扣推荐
(function () {
    fetch('http://chst.vip:1234/api/getmoneyctrl')
        .then(response => {
            return response.json()
        }).then(data => {
            let res = data.result
            // console.log(res);
            let regExp = /(?<=imgurl=)[^'"]*/;
            let ele = ''
            res.forEach(item => {
                let img = regExp.exec(item.productImg2)[0]
                ele += `
                  <li productId="${item.productId}">
                    <a href="#">
                        <div class="left">
                            <img src="${img}" alt="">
                        </div>
                        <div class="right">
                            <h4>${item.productName}</h4>
                            <p>${item.productPinkage}</p>
                            <div class="other">
                                <span class="mall">${item.productFrom} |${item.productTime}</span>
                                <em class="fr">
                                    <i class="iconfont icon-xiaoxi1"></i>
                                    <span>${item.productComCount}</span>
                                </em>
                            </div>
                        </div>
                    </a>
                </li>  
                `
            });
            // 渲染列表
            $('#product').html(ele);
        })
})();

// 渲染商品详情页
(function () {
    $('#product').on('click', function (e) {
        if (e.target.nodeName !== 'LI') {
            // console.log(e.target.parentNode);
            var that = $(e.target).parents('li')
        } else {
            var that = $(e.target)
        }
        console.log(that);
        let productId = that.attr('productId')
        console.log(productId);

        // 点击 产品列表里的 li 跳转到产品详情页 并把每个div 自带的 productId 属性和值都传过去
        location.href = './pages/indexXiang.html?productId=' + productId
    })
})();